// 使用文字阴影效果实现
@keyframes animate {

    0%,
    100% {
        text-shadow: -1.5px -1.5px 0 #0ff, 1.5px 1.5px 0 #f00;
    }

    25% {
        text-shadow: 1.5px 1.5px 0 #0ff, -1.5px -1.5px 0 #f00;
    }

    50% {
        text-shadow: 1.5px -1.5px 0 #0ff, 1.5px -1.5px 0 #f00;
    }

    75% {
        text-shadow: -1.5px 1.5px 0 #0ff, -1.5px 1.5px 0 #f00;
    }
}

@media only screen and (max-width: 640px) {
    .wrapp {
        .tips {
            font-size: 30px!important;
        }
    }
}

.wrapp {
    background-color: #2b3a42;
    height: calc(100vh - 60px);
    overflow: hidden;
    .tips {
        font-size: 60px;
        font-weight: 700;
        text-align: center;
        padding-top: 80px;
        color: #fff;
        animation: animate 0.5s linear infinite;
    }
}